
<html>
<head>
		<link rel="stylesheet" type="text/css" href="qp.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="qp.js"></script>
</head>
<body>	
	<div id="example" />
		
	<script>
		function loadXMLDoc(filename)
		{
			if (window.ActiveXObject)
			{
				xhttp = new ActiveXObject("Msxml2.XMLHTTP");
			}
			else 
			{
				xhttp = new XMLHttpRequest();
			}
			xhttp.open("GET", filename, false);
			try {
				xhttp.responseType = "msxml-document"
			} 
			catch(err) {} // Helping IE11
			
			xhttp.send("");
			return xhttp.responseXML;
		}
		
		xml = loadXMLDoc("example.xml");
		xsl = loadXMLDoc("qp.xslt");
		// code for IE
		if (window.ActiveXObject || xhttp.responseType == "msxml-document")
		{
			ex = xml.transformNode(xsl);
			document.getElementById("example").innerHTML = ex;
		}
		// code for Chrome, Firefox, Opera, etc.
		else if (document.implementation && document.implementation.createDocument)
		{
			xsltProcessor = new XSLTProcessor();
			xsltProcessor.importStylesheet(xsl);
			resultDocument = xsltProcessor.transformToFragment(xml, document);
			$("#example").append(resultDocument);
		}
		
		QP.drawLines(); 
	</script>
</body>
</html>



